.records-card {
  background-color: @color-origin-white;
  padding: 20rpx 30rpx;
  margin: 20rpx 0;
  .records-title {
    width: 90vw;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    border-bottom: 1rpx solid @color-light-grey-border;
    padding-bottom: 10rpx;
  }
  .records-item {
    padding: 20rpx 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    .content-left {
      width: 120rpx;
      height: 120rpx;
      margin-right: 20rpx;
      &.water {
        background: @kuafu-apartment-water-bg no-repeat;
        background-size: 100% 100%;
      }
      &.electric {
        background: @kuafu-apartment-electric-bg no-repeat;
        background-size: 100% 100%;
      }
    }
    .content-right {
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        .content-title {
            display: flex;
            flex-flow: row nowrap;
            font-size: 20rpx;
            font-family: "ali";
            font-weight: 400;
            color: #272636;
            .type {
                padding-right:15rpx ;
            }
            .identifier {
                padding: 0 15rpx;
            }
        }
        .content-balance {
            font-size: 30rpx;
        }
        .content-tag {
            font-size: 19rpx;
        }
    }
  }
}
